<div id="content-login">
 <style type="text/css">
.commentForm label { color:red; }
.commentForm label.error{ color:red; }
.status{color:red;}
</style>

<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script language="javascript">
$(function(){
	
	$(".commentForm").validate({
	rules: 
	{
		individual:
		{
			required: true,	
		},
		name: 
		{
			required: true,		
		},
		password: 
		{
			minlength: 6,
			maxlength: 20
		},
		confirm_password:
		{
			equalTo: "#password"
		},
		email: 
		{ 
			required: true,
			remote: "home/check_email"
		},
		username:
		{
			required: true,
			remote: "home/check_username"
		}
		
		
	},
	messages:
	{
		individual: 
		{
			required: " กรุณาเลือกประเภทบุคคล",
		},
		name: 
		{
			required: " กรุณากรอกชื่อและนามสกุล",
		},
		password:
		{
			minlength: " กรุณากรอกรหัสผ่านอย่างน้อย 6 ตัวอักษร",
			maxlength: " กรอกรหัสผ่านได้ไม่เกิน 20 ตัวอักษร"
		},
		confirm_password:
		{
			equalTo: " กรุณากรอกรหัสผ่านให้ตรงกันทั้ง 2 ช่อง"
		},
		email:
		{
			required: " กรุณากรอก Email ",
			remote: " email ซ้ำกรุณากรอกใหม่"
		},
		username:
		{
			required: " กรุณากรอก Username ",
			remote: " Username ซ้ำกรุณากรอกใหม่"
		}
		
	}
	});
});
</script>
<br />
<strong><h3 align="center">แบบฟอร์มลงทะเบียนเพื่อขอใช้ระบบคลังความรู้เพื่อสนับสนุนงานสาธารณสุข คณะสาธารณสุขศาสตร์ มหาวิทยาลัยมหิดล</h3></strong>
<div></div>
<form enctype="multipart/form-data" method="post" action="home/save" class="commentForm">
<table class="tbLoginForm" width="100%">
		<tr>
			<td align="left"><strong>ประเภทบุคคล</strong></td>
			<td>
            	<select name="individual" id="individual">
            		<option value="">-- ประเภทบุคคล --</option>
					<option value="1" >บุคคลในมหาลัย</option>
					<option value="2" >บุคคนภายนอก</option>
            	</select>
            	<span class="status"> *</span>
			</td>
		</tr>
		<tr>
			<td align="left"><strong>หน่วยงาน/สังกัด</strong> (กรณีเป็นบุคคลภายนอก)</td>
			<td>
	    	<span><input name="agency" type="text" id="agency" value="" size="50" /></span> 
			</td>
		</tr>
		<tr>
		<tr>
			<td align="left"><strong>เรื่องที่สนใจ</strong></td>
			<td>
	    		 <?
	    		  $knowledgetype = $this->db->getarray("SELECT * FROM tbknowledgetype order by id");
				  foreach($knowledgetype as $item):
					  echo '<input type="checkbox" name="cb_type_'.$item['id'].'" value="'.$item['id'].'"> '.$item['title'].'   ';
				  endforeach;
	    		  ?>
			</td>
		</tr>
		<tr>
			<td><strong>ภาควิชา</strong></td>
			<td>
				 <? echo form_dropdown('sectionid',get_option('id','title','tbsection'),'','','-- เลือกภาควิชา --');?>
			</td>
		</tr>		
		<tr>
			<td><strong>ชื่อ - นามสกุล</strong></td>
			<td>
            	<input type="hidden" name="registerdate" value="" />            	
				<span><input name="name" type="text" value="" size="50" class="" /></span>
				<span class="status" >*</span>
				
			</td>
		</tr>	
		<tr>
			<td><strong>เบอร์โทรศัพท์ที่ติดต่อได้สะดวก</strong></td>
			<td>
				<input name="tel" type="text" id="tel" value="" size="20"/>
			</td>
		</tr>
		<tr>
		  <td><strong>Email</strong></td>
	    <td>
	    	<span><input name="email" type="text" id="email" value="" size="50" /></span> 
	    	<span class="status" >*</span>
			
	    	</td>
	  </tr>
	  <tr>
	  	<td><strong>Username</strong></td>
	  	<td>
	  		<input name="username" type="text" id="username" value="" size="50"/>
            <span class="status" >*</span>
		</td>
	  </tr>
		  <td><strong>Password</strong></td>
		  <td><input type="password" name="password" value="" id="password" /><input type="hidden" name="current_password"/></td>
	  </tr>
		<tr>
		 <td><strong>Comfirm Password</strong></td>
		  <td><input type="password" name="confirm_password" id="confirm_password" value=""></td>
	  </tr>   
                     
		<tr>			
			<td colspan="2" align="center">
				<input type="submit" value="   บันทึกรายการ   " style="padding:3px;"> <input type="button" value="   ย้อนกลับ   " style="padding:3px;" onclick="history.back();"> 
			</td>
		</tr>
	</table>
</form>
</div>